// 集中在这里定义一些变量，代码块(类函数)，其他less文件直接引用

// 在这里定义一些颜色，方便后期改色，或增加多套主题
@hover-color: #00f;
@tag-back-color: #fff;
@icon-width: 30px;
@nav-height: 50px;
// 居中的一个代码块方法
.center() {
  display: flex;
  justify-content: center;
  align-items: center;
}
// 大块用的居中@width是百分比
.margin-center(@width) {
  width: @width;
  margin-left: auto;
  margin-right: auto;
}
.abs-center() {
  // 使用此，请给上一层加 position:relative
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
// 显示@line行，多余内容显示...
.ellipsis(@line) {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @line;
  white-space: normal;
  text-overflow: ellipsis;
  // 允许打断单词进行换行
  word-break: break-all;
}
